JesusValeraDev / bip39

import { elements } from '../../bip39';

import { getAllDisplayData } from '../application/displayService';

export function updateDisplay(): void {

  const displayData = getAllDisplayData(state.boxes);

  updateBoxStates(displayData.boxes);

  updateBinaryDisplay(displayData.binary);

  updateWordDisplay(displayData.word);

  syncWordInputFromBoxes();

}

function syncWordInputFromBoxes(): void {

  // Import dynamically to avoid circular dependency

  import('../../wordInput/infrastructure/wordInput').then(({ syncWordInputFromState }) => {

    syncWordInputFromState();

  });

}

function updateBoxStates(boxesData: Array<{ isActive: boolean; isDisabled: boolean; ariaPressed: string }>): void {

  const boxElements = elements.grid.querySelectorAll('.box');

  boxElements.forEach((box, index) => {

    const htmlBox = box as HTMLButtonElement;

    const data = boxesData[index];

    // Update active state

    htmlBox.classList.toggle('active', data.isActive);

    htmlBox.setAttribute('aria-pressed', data.ariaPressed);

    // Update disabled state

    htmlBox.classList.toggle('disabled', data.isDisabled);

    htmlBox.dataset.isDisabled = data.isDisabled.toString();

    htmlBox.setAttribute('aria-disabled', data.isDisabled.toString());

  });

}

function updateWordDisplay(wordData: { indexText: string; announcement: string }): void {

  elements.index.textContent = wordData.indexText;

  announceToScreenReader(wordData.announcement);

}

function announceToScreenReader(message: string): void {

  const announcer = document.getElementById('sr-announcements');

  if (announcer) {

    announcer.textContent = message;

    // Clear after a short delay to allow for new announcements

    setTimeout(() => {

      announcer.textContent = '';

    }, 1000);

  }

}